<template>
  <div id="udemy" class="ud-app-loader udemy">
    <div class="main-content-wrapper">
      <!-- <div
        class="ud-app-loader ud-component--header-v6--header udlite-header"
        data-module-id="common/udlite/desktop"
        data-module-args='{"isInstructorSignupEnabled":false,"isLoggedIn":false,"tryUFBPlacements":{"bar":"ufb_header","profile":"account-menu","mobile":"ufb_header"},"mobileAppLink":{"url":"/mobile/"},"searchPhrase":null}'
        data-module-priority="-10"
      >
        <div data-unique-id="339" style="display: none"></div>

        <div
          class="udlite-text-sm header--header--3sK1h header--flex-middle--2Xqjv"
          data-purpose="header"
        >
          <div class="skip-to-content-button--skip-to-content--1MoIi">
            <button
              type="button"
              class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md skip-to-content-button--skip-to-content-btn--3Uakj"
            >
              <span
                aria-hidden="true"
                class="skip-to-content-button--skip-to-content-shadow--eBW6V"
              ></span
              ><span style="margin: 0">跳转至目录</span>
            </button>
          </div>
          <a href="/" class="header--flex-middle--2Xqjv header--logo--bdAod"
            ><img
              src="../assets/static/picture/logo-coral.svg"
              alt="Udemy"
              width="110"
              height="32"
          /></a>
          <nav
            class="header--gap-button--3bIww popper--popper--19faV popper--popper-hover--4YJ5J"
          >
            <span class="udlite-text-sm header--dropdown-button-text--2jtIM"
              >类别</span
            >
          </nav>

          <div
            class="udlite-search-form-autocomplete header--search-bar--1_mS0 udlite-form-group"
          >
            <label
              class="udlite-sr-only udlite-form-label udlite-heading-sm"
              for="u339-search-form-autocomplete--3"
              >搜索任何内容</label
            >

            <input
              placeholder="搜索任何内容"
              name="q"
              autoComplete="off"
              value=""
              id="u339-search-form-autocomplete--3"
              class="udlite-text-input udlite-text-input-small udlite-text-sm udlite-search-form-autocomplete-input js-header-search-field"
            />
          </div>
          <div style="flex: 1"></div>
        </div>
      </div> -->
      <myheader />
      


      <div
        class="ud-app-loader ud-component--ui-feedback--ui-feedback"
        data-module-id="common/udlite/desktop"
        data-module-args='{"uiMessages":[]}'
        data-module-priority="-10"
      ></div>
      <div class="main-content">
        <div class="ud-component--logged-out-home--billboard">
          <div data-unique-id="340" style="display: none"></div>
          <div data-purpose="billboard" class="billboard--billboard--3-fQr">
            <div class="billboard--image-container--2JRqQ">
              <img
                src="../assets/static/picture/77f9aaeb-0bd4-48ff-ad3a-c88ff9f5f0fb.jpg"
                width="1340"
                height="400"
                alt=""
              />
            </div>
            <div class="billboard--content-box--JtXUJ">
              <h1
                class="udlite-heading-xxl"
                data-purpose="safely-set-inner-html:billboard:title"
              >
                优惠延长一天！
              </h1>
              <p
                class="udlite-text-md"
                data-purpose="safely-set-inner-html:billboard:subtitle"
              >
                课程 US$9.99 起。<b>此外，可获取免费学习指南</b>。<u
                  ><a
                    target="_blank"
                    href="https://support.udemy.com/hc/articles/360058080354"
                    >条款适用</a
                  ></u
                >。
              </p>
              <div
                class="udlite-search-form-autocomplete billboard--search-bar--3s2y1 udlite-form-group"
              >
                <label
                  class="udlite-sr-only udlite-form-label udlite-heading-sm"
                  for="u340-search-form-autocomplete--1"
                  >您想学习什么内容？</label
                >
                <form
                  action="/courses/search/"
                  class="udlite-search-form-autocomplete-input-group"
                >
                  <input
                    placeholder="您想学习什么内容？"
                    name="q"
                    autoComplete="off"
                    value=""
                    id="u340-search-form-autocomplete--1"
                    class="udlite-text-input udlite-text-input-large udlite-text-md udlite-search-form-autocomplete-input"
                  /><button
                    type="submit"
                    class="udlite-btn udlite-btn-large udlite-btn-ghost udlite-heading-md udlite-btn-icon udlite-btn-icon-large"
                  >
                    <svg
                      aria-label="提交搜索"
                      focusable="false"
                      class="udlite-icon udlite-icon-medium udlite-icon-color-neutral"
                    >
                      <use xlink:href="#icon-search"></use>
                    </svg>
                  </button>
                </form>
              </div>
            </div>
          </div>
        </div>
        <div
          class="ud-component--logged-out-home--value-props"
          data-component-props='{"type":"lohp_value_props","className":"transfer_billboard_margin"}'
        >
          <div data-unique-id="241" style="display: none"></div>
          <div class="discovery-unit-empty-render"></div>
        </div>
        <div class="headline udlite-container">
          <div class="headline__main-text udlite-heading-xl">
            全球最多的课程选择
          </div>
          <div class="headline__sub-text">
            任选 130000 门在线视频课程，每月都有新内容发布
          </div>
        </div>

        <div class="component-margin"></div>

        <div class="component-margin">
          <div data-unique-id="7" style="display: none"></div>
          <section class="udlite-container">
            <h2 class="udlite-heading-xl trending-topics--section-title--3UH9I">
              Featured topics by category
            </h2>
            <div class="trending-topics--container--a08Wq">
              <div class="trending-topics--category--1RwE6">
                <h2
                  class="udlite-heading-md trending-topics--title--kvhmu"
                  data-purpose="category-title"
                >
                  开发
                </h2>
                <div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/python/"
                        class="trending-topics--link--2qohI"
                        >Python</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      23214170 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/web-development/"
                        class="trending-topics--link--2qohI"
                        >网页开发</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      7936730 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/machine-learning/"
                        class="trending-topics--link--2qohI"
                        >机器学习</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      4545233 名学生
                    </div>
                  </div>
                </div>
              </div>
              <div class="trending-topics--category--1RwE6">
                <h2
                  class="udlite-heading-md trending-topics--title--kvhmu"
                  data-purpose="category-title"
                >
                  商务
                </h2>
                <div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/financial-analysis/"
                        class="trending-topics--link--2qohI"
                        >财务分析</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      907545 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/sql/"
                        class="trending-topics--link--2qohI"
                        >SQL</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      3471425 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/pmp/"
                        class="trending-topics--link--2qohI"
                        >PMP</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      1222756 名学生
                    </div>
                  </div>
                </div>
              </div>
              <div class="trending-topics--category--1RwE6">
                <h2
                  class="udlite-heading-md trending-topics--title--kvhmu"
                  data-purpose="category-title"
                >
                  IT 和软件
                </h2>
                <div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/aws-certification/"
                        class="trending-topics--link--2qohI"
                        >AWS 认证</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      3529580 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/ethical-hacking/"
                        class="trending-topics--link--2qohI"
                        >道德黑客</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      7599941 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/cyber-security/"
                        class="trending-topics--link--2qohI"
                        >网络安全</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      2583999 名学生
                    </div>
                  </div>
                </div>
              </div>
              <div class="trending-topics--category--1RwE6">
                <h2
                  class="udlite-heading-md trending-topics--title--kvhmu"
                  data-purpose="category-title"
                >
                  设计
                </h2>
                <div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/photoshop/"
                        class="trending-topics--link--2qohI"
                        >Photoshop</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      8192608 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/graphic-design/"
                        class="trending-topics--link--2qohI"
                        >平面设计</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      2322403 名学生
                    </div>
                  </div>
                  <div class="trending-topics--topic--4UciM">
                    <div>
                      <a
                        href="/zh-cn/topic/drawing/"
                        class="trending-topics--link--2qohI"
                        >绘图</a
                      >
                    </div>
                    <div
                      class="trending-topics--count--31-Lz"
                      data-purpose="count"
                    >
                      2031079 名学生
                    </div>
                  </div>
                </div>
              </div>
              <a
                href="/featured-topics/"
                class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md"
                ><span>Explore more</span></a
              >
            </div>
          </section>
        </div>
      </div>
      <div class="component-margin">
        <div class="teach-on-udemy-non-student-cta-wrapper">
          <div
            class="do-not-use-udlite-full-width-container non-student-cta-wrapper"
          >
            <div class="non-student-cta-bg" data-purpose="non-student-cta">
              <div class="non-student-cta-content-wrapper">
                <img
                  src="../assets/static/picture/udlite-lohp-promo-teacher.jpg"
                  class="non-student-cta-image"
                  alt="non student cta image"
                  width="320"
                  height="320"
                />
                <div class="non-student-cta">
                  <h3 class="udlite-heading-xxl non-student-cta__header">
                    成为讲师
                  </h3>
                  <p class="udlite-text-md non-student-cta__content">
                    来自世界各地的顶级讲师在 Udemy
                    上为数百万学生教授课程。我们提供工具和技巧助您教授您热爱的课程。
                  </p>
                  <div class="non-student-cta__link">
                    <a
                      href="/teaching/?ref=teach_home-body"
                      class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md"
                      >即刻开始教学</a
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="component-margin">
        <section
          class="do-not-use-udlite-full-width-container partners-container"
          data-purpose="partners"
        >
          <div class="udlite-container partners">
            <h3 class="udlite-heading-xl partners__title">
              深受各种规模公司的信任
            </h3>
          </div>
        </section>
      </div>
      <div class="component-margin">
        <div class="ufb-non-student-cta-wrapper">
          <div
            class="do-not-use-udlite-full-width-container non-student-cta-wrapper"
          >
            <div class="non-student-cta-bg" data-purpose="non-student-cta">
              <div class="non-student-cta-content-wrapper">
                <img
                  src="../assets/static/picture/udlite-lohp-promo-ufb.jpg"
                  class="non-student-cta-image"
                  alt="non student cta image"
                  width="320"
                  height="320"
                />
                <div class="non-student-cta">
                  <h3 class="udlite-heading-xxl non-student-cta__header">
                    Udemy for Business
                  </h3>
                  <p class="udlite-text-md non-student-cta__content">
                    让您的团队可以无限访问 5000 多门 Udemy 热门课程。
                  </p>
                  <div
                    class="non-student-cta__link ud-ufb-notice-click-event"
                    data-placement="ufb_home-body"
                  >
                    <a
                      class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md"
                      href="https://business.udemy.com/request-demo-mx/?locale=zh_CN&amp;utm_medium=referral&amp;utm_source=marketplace&amp;utm_content=ufb-home-body&amp;utm_term=&amp;utm_campaign=mx-hooks&amp;ref=ufb_home-body"
                      target="_blank"
                      rel="noopener"
                    >
                      获取 Udemy for Business
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="component-margin">
        <div
          class="ud-component--logged-out-home--user_stories"
          data-component-props="{}"
        ></div>
      </div>
    </div>

    <footer
      class="udlite-footer ud-app-loader"
      data-module-id="common/udlite/desktop"
      data-module-args='{"localeSelect":{"currentLanguageId":"zh_CN"}}'
      data-module-priority="-10"
    >
      <div class="ud-component--footer--bai-banner"></div>
      <div class="footer-section footer-section-main">
        <div class="links-and-locale">
          <div
            class="locale-select-container ud-component--footer--locale-select"
          ></div>
          <ul class="unstyled-list link-column">
            <li>
              <a
                class="link udlite-text-sm ud-ufb-notice-click-event"
                href="https://business.udemy.com/?locale=zh_CN&amp;ref=footer&amp;mx_pg=home-page"
                target="_blank"
                rel="noopener"
                data-placement="footer"
              >
                Udemy for Business
              </a>
            </li>
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="footer.links.teach"
                href="/teaching/?ref=teach_footer"
              >
                在 Udemy 上授课
              </a>
            </li>
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="None"
                href="/mobile/"
                target="_blank"
                rel="noopener noreferrer"
              >
                获取应用程序
              </a>
            </li>
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="footer.links.about"
                href="https://about.udemy.com/?locale=zh-cn"
              >
                关于我们
              </a>
            </li>
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="footer.links.contact"
                href="https://about.udemy.com/company?locale=zh-cn#offices"
              >
                联系我们
              </a>
            </li>
          </ul>
          <ul class="unstyled-list link-column">
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="footer.links.careers"
                href="https://about.udemy.com/careers?locale=zh-cn"
              >
                职业生涯
              </a>
            </li>
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="footer.links.blog"
                href="https://blog.udemy.com/?ref=footer"
              >
                博客
              </a>
            </li>
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="footer.links.support"
                href="/support/"
              >
                帮助和支持
              </a>
            </li>
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="footer.links.affiliates"
                href="/affiliate/"
              >
                营销联盟
              </a>
            </li>
          </ul>
          <ul class="unstyled-list link-column">
            <li>
              <a class="link udlite-text-sm" data-purpose="None" href="/terms/">
                条款
              </a>
            </li>
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="None"
                href="/terms/privacy/"
              >
                隐私政策
              </a>
            </li>
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="footer.links.cookie_preferences"
                href="javascript:void(0);"
                style="display: none"
              >
                Cookie 设置
              </a>
            </li>
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="footer.links.sitemap"
                href="/zh-cn/sitemap/"
              >
                网站地图
              </a>
            </li>
            <li>
              <a
                class="link udlite-text-sm"
                data-purpose="footer.links.popular_courses"
                href="/zh-cn/popular-courses/"
              >
                精选课程
              </a>
            </li>
          </ul>
        </div>
        <div class="logo-and-copyright">
          <div class="logo-container">
            <a href="/" style="display: block">
              <img
                alt="Udemy"
                class="ufb-logo"
                src="../assets/static/picture/logo-coral.svg"
                width="110"
                height="32"
              />
            </a>
          </div>
          <div class="copyright-container udlite-text-xs">
            &copy; 2021 Udemy, Inc.
          </div>
        </div>
      </div>
      <div class="ud-component--footer--eu-cookie-message"></div>
    </footer>
  </div>

  <!-- </div> -->
</template>


 
<script>
import md5 from "js-md5";
import myheader from './myheader'
import Myheader from './myheader.vue';

export default {
  data() {
    return {
      msg: "这是一个变量",
      
    };
  },
  //注册组件标签
  components: {Myheader},
    mounted: function () {
      this.$toast("内容");
    },
    'myheader':myheader,
  methods: {},
};
</script>
 
<style scoped>
</style>